<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.11.3.min.js"></script>
</head>
<script type="text/javascript">
	$(function(){
		$("input[name='username']").blur(function(){
			//获取值
			var $value=$(this).val();
			
			//jquery的get方法
			$.get("/ajax/checkUsernameByAjax","username="+$value,function(d){
				if(d==1){
					$("#username_msg").html("<font color='green'>yesyesyes</font>");
				}else{
					$("#username_msg").html("<font color='red'>nonono</font>");
				}
			});
		})
	})
</script>
<body>
<form method="post" action="#">
<table>
	<tr>
		<td>用户名</td>
		<td><input type="text" name="username"/></td>
		<td><span id="username_msg"></span></td>
	</tr>
	<tr>
		<td>密码</td>
		<td><input type="password" name="password"/></td>
		<td></td>
	</tr>
	<tr>
		<td><input type="submit" value="提交"/></td>
	</tr>
</table>
</form>
</body>
</html>